<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Progma" content="no-cache" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/mm_training.css" type="text/css" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/user.css" type="text/css" />
<link type="text/css" href="<%=request.getContextPath() %>/css/smoothness/jquery-ui-1.7.1.custom.css" rel="stylesheet"/>
<script type="text/javascript" src="<%=request.getContextPath() %>/scripts/jquery/jquery-1.3.2.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/scripts/jquery/jquery-ui-1.7.1.custom.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/scripts/CommonRedirect.js"></script>
<script type="text/javascript">
	/**
	*
	* 进入下一步
	*
	*/
	function nextStepOnClick() {
		// 上下文
		var context = '<%=request.getContextPath()%>';
		// 选择所有
		var childs = $("#keywords").children();
		// 选中所有已添加关键字
		childs.each(function (index){
			$(this).attr("selected","selected");
		});
		// 獲取登陸數據
		var params = $("#addKeywords").serialize();
		// 提交請求
		$.ajax({
			   url: context + "/purchase/addKeywords.do?random=" + Math.random(),
			   data: params,
			   dataType:"html",
			   success: function (data) {
				   // 清除所有錯誤消息 
				   $("span[id^='err_msg_']").each(function (index) {
					   // 清空錯誤消息
					   $(this).text("");
				   });
				   // 獲取錯誤消息
				   var errorMessage = $("li", data);
				   // 如果存在錯誤消息
				   if (errorMessage.length > 0) {
					   // 獲取消息
					   errorMessage.each(function (index) {
							// 獲取發生錯誤的字段ID
						   var id = $(this).attr("id");
						   // 獲取錯誤消息
						   var value = $(this).text();
						   // 顯示錯誤消息地方
						   var errorID = "err_msg_" + id;
						   // 設置錯誤消息
						   $("#" + errorID).text(value);
					   });
				   } else {
					   // 无错误消息,可以正常提交
					   $("#forward").val("NEXT_STEP");
					   $("#keywordsStr").val($("#keywords").val());
					   $("#addKeywords").submit();
				   }
			   },
		   	   error: function (data) {
			   	   document.location.href = "../error.jsp";
			   }
		});
		return false;
	}

	function deleteKeyword() {
		// 获取需要删除的关键字
		var keys = $("#keywords");
		// 获取需要删除的且选择的关键字
		var selectedKeys = keys.val();
		// 如果没有选择关键字,不进行删除操作
		if (isEmpty(selectedKeys) || selectedKeys.length == 0) {
			return ;
		}
		// 删除
		for (var i = 0 ; i < selectedKeys.length ; i++) {
				keys.children().remove("option[value='" + selectedKeys[i] + "']");
		}
	}

	/**
	 *
	 * 添加关键字
	 *
	 */
	function addKeyword() {
		// 获取需要添加的关键字
		var key = $("#keyword").val();
		// 获取已添加的关键字
		var keys = $("#keywords");
		// 去掉需要添加的关键字两边的空格 
		key = $.trim(key);
		// 检查需要添加的关键字是否为空,如果为空,则不进行添加操作
		if (isEmpty(key)) {
			return ;
		}
		// 检查需要添加的关键字是否已经在已添加列表中,如果存在,不进行添加操作
		var exsit = keys.find("option[value='" + key + "']");
		// 如果已添加
		if (exsit.length > 0) {
			return;
		}
		// 添加
		keys.append("<option value='" + key + "'>" + key + "</option>"); 
	}

	function isEmpty(target) {
		if (target == null || target == "" || target == "undefined") {
			return true;
		}
		return false;
	}
</script>
<style type="text/css">
	td {
		white-space: nowrap;
		font-size: 12px;
	}
	.errmsg {
		color: red;
	}
</style>
<title>购买广告</title>
</head>
<body bgcolor="#64748B">
<jsp:include page="/head.jsp"></jsp:include>
	<td width="230" valign="top" bgcolor="#26354a" colspan="2"><br/>
	<table width="230" cellspacing="0" cellpadding="0" border="0">
		<tbody><tr>
		<td width="230" id="padding" class="sidebarText"><a href="<%=request.getContextPath() %>/purchase/index.do">添加关键字广告 ></a><br/>
		关键字广告!<br/></td>
		</tr>
		<tr>
		<td width="230" id="padding" class="sidebarText"><a href="<%=request.getContextPath() %>/purchase/searchAction.do">搜索关键字广告 ></a><br/>
		关键字广告!<br/></td>
		</tr>
		<tr>
		<td width="230" id="padding" class="sidebarText"><a href="<%=request.getContextPath() %>/purchase/imageAdvertisment.do">添加图片/Flash广告</a><br/>
		Flash广告!<br/></td>
		</tr>
		<tr>
		<td width="230" id="padding" class="sidebarText"><a href="#">文字链接</a><br/>
		文字链接广告!<br/></td>
		</tr>
		
	</tbody></table>	</td>
	<td width="50" valign="top"><img width="50" height="1" border="0" alt="" src="<%=request.getContextPath()%>/images/mm_spacer.gif"/></td>
	<td width="440" valign="top"><br/>
	<br/>
	<form id="addKeywords" name="addKeywords" action="<%=request.getContextPath() %>/purchase/addKeywords.do" method="post" enctype="application/x-www-form-urlencoded">
		<table width="440" cellspacing="0" cellpadding="0" border="0">
			<tbody>
				<tr>
					<td>广告活動名:
					<input type="text" name="adname" id="adname" value="我的廣告"/><span id="err_msg_adname" class="errmsg"></span>您自己识别的广告的信息.例如: "我的关键字广告","我的广告"</td>
				</tr>			
				<tr>
					<td>廣告類型:
						<input type="checkbox" name="general" id="general" checked="checked" value="1"/>一般關鍵字廣告[?]
						<input type="checkbox" name="comparison" id="comparison" value="1"/>內容比對廣告[?]<span id="err_msg_adtype" class="errmsg"></span>
					</td>
				</tr>
				<tr>
					<td>比對方式[?]:<input type="radio" name="compare" id="compare" value="0" checked="checked"/>模糊<input type="radio" name="compare" id="compare" value="1"/>精確</td>
				</tr>	
				<tr>
					<td>關鍵字設置:<input type="text" name="keyword" id="keyword"/></td>
				</tr>
				<tr>
					<td valign="top"><input type="button" name="add" id="add" value="增加&gt;" onclick="addKeyword();"/><input type="button" name="del" id="del" value="刪除&lt;" onclick="deleteKeyword();"/> 
						<select id="keywords" name="keywords" style="width:300px;" size="5" multiple="multiple">
						</select> 
						<span id="err_msg_keywords"  class="errmsg"></span>
					</td>
				</tr>
				<tr>
					<td><input type="button" name="nextStep" id="nextStep" value="下一步(出價)" onclick="nextStepOnClick();"/>
						<!-- 是否转向出价页面 -->
						<input type="hidden" name="forward" id="forward">
						<!-- 关键字 -->
						<input type="hidden" name="keywordsStr" id="keywordsStr"/>
					</td>
				</tr>
			</tbody>
		</table>
	</form>
	&nbsp;<br/>
	&nbsp;<br/>	</td>
	<td width="40">&nbsp;</td>
	<td width="100%">&nbsp;</td>
<jsp:include page="/footer.jsp"></jsp:include>
</body>
</html>